<template>
  <!-- 1.不开启命名空间读取失败 -->
  <p>模块A中的用户名{{$store.state.modulesA.username}}</p>
  <p>模块B中的用户名{{$store.state.modulesB.username}}</p>
   <button @click="updateName">读取getters中的数据</button>
   <button @click="updateSend">读取actions中的数据</button>

</template>

<script>
import { useStore } from 'vuex'
export default {
  name: 'App',
  setup () {
    const store = useStore()
    const updateName = () => {
      store.commit('modulesB/updateName')
    }

    const updateSend = () => {
      store.dispatch('modulesB/updateData')
    }

    return {
      updateName, updateSend
    }
  }

}
</script>
